<script setup lang="ts">
import Icon from "~@/components/Icon/index.vue";
import { FontTypeEnum } from "../Icon/types";
const props = defineProps({
    text: {
        type: String,
        default: "空",
    },
    size:{
        type:Number,
        default:32
    }
});


</script>
<template>
    <div class="empty-container1">
        <div class="icon">
            <Icon :type="FontTypeEnum.Empty" :size="size" />
        </div>
            <p>{{ props.text }}</p>
        
    </div>
</template>
<style lang="less" scoped>
.empty-container1{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    // background-color: blue;
    .icon{
        text-align: center;
   }
    p{
        text-align: center;
    }
}

</style>
